<!DOCTYPE HTML>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-cache/no-store" />
  <!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
  <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
  <link rel="stylesheet" type="text/css" href="./vueSystem/css/base.css" />
  <link rel="stylesheet" type="text/css" href="./static/element-ui/theme-chalk/index.css" />
  <link rel="stylesheet" type="text/css" href="./vueSystem/components/css/imgUpload.css" />  
  <link rel="stylesheet" type="text/css" href="./productMgr/workReport/css/routingInspection.css" />
  <style>
    .input-text {
      width: 140px;
    }

    .kuangHeGe,
    .kuangNoHeGe,
    .tuiHeGe,
    .tuiNoHeGe,
    .jinShuQuanHeGe,
    .jinShuQuanNoHeGe,
    .jinShuTuiHeGe,
    .jinShuTuiNoHeGe {
      width: 50px;
    }

    .two {
      background-color: #E0FFFF;
    }
    .el-dialog__wrapper.dialog-fullscreen .report-dialog .el-dialog__body{
      height: calc(100% - 55px);
    }

  </style>
  <!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
  <title>报工页面</title>
</head>

<body>

  <!--主内容-->
  <div class="page-container col-md-8" id="app" v-loading.fullscreen.lock="loading">
    <table class="table table-border table-bg table-hover">
      <tr>
        <td colspan="2">工序申报</td>
        <td colspan="4"><span id="userName"></span></td>
      </tr>
      <tr>
        <td colspan="2">系统编号</td>
        <td colspan="4"><input type="text" class="input-text" id="coustomId" list="detailList" />
          <datalist id="detailList"></datalist>

          <span id="orderId"></span>
        </td>
      </tr>
      <tr>
        <td colspan="2">订单编号</td>
        <td colspan="4"><span id="companyOrderId"></span></td>
      </tr>
      <tr>
        <td colspan="2">工厂型号</td>
        <td colspan="4"><span id="factoryId"></span></td>
      </tr>
      <tr>
        <td colspan="2">订单总数</td>
        <td colspan="4"><input type="text" class="input-text" id="orderCount" disabled="disabled" /></td>
      </tr>
      <tr>
        <td colspan="2">部门名称</td>
        <td colspan="4">
          <input type="hidden" id="departmentName">
          <span id="departmentShowName"></span>
        </td>
      </tr>
      <tr>
        <td colspan="2">车间名称<span style='color:red'> * </span></td>
        <td colspan="4"><select id="workshopName" class="input-text"></select></td>
      </tr>
      <tr>
        <td colspan="2">申报人<span style='color:red'> * </span></td>
        <td colspan="4"><input type="text" class="input-text" id="reportPerson" list="reportPersonList" />
          <datalist id="reportPersonList"></datalist>
        </td>
      </tr>
      <tr>
        <td colspan="2">工序名称<span style='color:red'> * </span></td>
        <td colspan="4"><select id="workingProcedureName" class="input-text"></select>
          <!-- 		         &nbsp;&nbsp;&nbsp; <span class="btn" id="addProBtn">+</span> -->
        </td>
      </tr>
      <tr>
        <td colspan="2">工序单价</td>
        <td colspan="4"><span id="producePrice">0.0</span></select>
      </tr>
      <tr>
        <td colspan="2">下一道工序</td>
        <td colspan="4"><span id="nextProcedure">无设置</span></select>
      </tr>
      <tr class="inWorkShop" hidden=hidden>
        <td colspan="2">接收车间 <span style='color:red'> * </span></td>
        <td colspan="4"><select id="inWorkShop" class="input-text"></select></td>
      </tr>

      <!-- 		       <tr class="putOut" hidden=hidden> -->
      <!-- 		        <td colspan="2">外协供应商</td> -->
      <!-- 		        <td colspan="4"><select id="supplierId"  class="input-text"> -->
      <!-- 		             <option value=''>请选择</option> -->
      <!-- 		        </select></td> -->
      <!-- 		      </tr> -->
      <!-- 		      <tr class="putOut" hidden=hidden> -->
      <!-- 		        <td colspan="2">外协加工工艺</td> -->
      <!-- 		        <td colspan="4"><select id="putoutFlowCycleId"  class="input-text"> -->
      <!-- 		          <option value=''>请选择</option> -->
      <!-- 		        </select></td> -->
      <!-- 		      </tr> -->
      <!-- 		      <tr class="putOut" hidden=hidden> -->
      <!-- 		        <td colspan="2">流程周期</td> -->
      <!-- 		        <td colspan="4"><input id="putoutFlowCycle"  class="input-text" /></td> -->
      <!-- 		      </tr> -->
      <!-- 		      <tr class="putOut" hidden=hidden> -->
      <!-- 		        <td colspan="2">备注</td> -->
      <!-- 		        <td colspan="4"><input id="putOutRemark" type="text" class="input-text"></td> -->
      <!-- 		      </tr> -->

      <tr id="addProTr" hidden="hidden">
        <td colspan="6">&nbsp;&nbsp;&nbsp;<input type="text" class="input-text" placeholder="添加的工序名称" id="addProName" />&nbsp;&nbsp;&nbsp;
          <input type="text" class="input-text" placeholder="工序作业时间（秒）" id="addProTime" />&nbsp;&nbsp;&nbsp;
          <button class="btn btn-primary radius" id="addProcedureBtn">添加</button></td>
      </tr>
      <tr>
        <td colspan="2">设备信息</td>
        <td colspan="4"><button class="btn" id="deviceDivShow">填写设备信息</button></td>
      </tr>
      <tr>
        <td colspan="2">报工日期</td>
        <td colspan="4">
          <input type="text" id="reportDay" onclick="WdatePicker({onpicked:dataChange,maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"
            class="input-text Wdate" style="width:120px;">
        </td>
      </tr>
      <tr class="deviceDiv">
        <td colspan="2">厂家</td>
        <td colspan="4"><select id="factoryName" class="input-text"></select> &nbsp;&nbsp;&nbsp; <span class="btn" id="addFactoryBtn">+</span></td>
      </tr>
      <tr id="factoryNameTr" hidden="hidden">
        <td colspan="2"></td colspan="4">
        <td><input type="text" class="input-text" placeholder="工厂名称" id="addFactoryName" />&nbsp;&nbsp;&nbsp;
          <button class="btn btn-primary radius" id="addFactoryNameBtn">添加</button></td>
      </tr>
      <tr class="deviceDiv">
        <td colspan="2">设备编号</td>
        <td colspan="4"><select id="deviceId" class="input-text"></select> &nbsp;&nbsp;&nbsp; <span class="btn" id="addDeviceIdBtn">+</span></td>
      </tr>
      <tr id="deviceIdTr" hidden="hidden">
        <td colspan="2"></td>
        <td colspan="4"><input type="text" class="input-text" placeholder="设备编号" id="addDeviceId" />&nbsp;&nbsp;&nbsp;
          <button class="btn btn-primary radius" id="addDeviceBtn">添加</button></td>
      </tr>
      <tr class="deviceDiv">
        <td colspan="2">设备名称</td>
        <td colspan="4"><select id="deviceName" class="input-text"></select> &nbsp;&nbsp;&nbsp; <span class="btn" id="addDeviceNameBtn">+</span></td>
      </tr>
      <tr id="deviceNameTr" hidden="hidden">
        <td colspan="2"></td>
        <td colspan="4">
          <input type="text" class="input-text" placeholder="设备名称" id="addDeviceName" />&nbsp;&nbsp;&nbsp;
          <button class="btn btn-primary radius" id="addDeviceNBtn">添加</button>
        </td>
      </tr>
      <tr>
        <td colspan="2">报工对象<span style='color:red'> * </span></td>
        <td colspan="4">
          <select name="" id="reportMachining" class="input-text">
            <option value="color">颜色</option>
            <option value="model">规格</option>
          </select>
        </td>
      </tr>

      <tr>
        <td colspan="2">加工对象<span style='color:red'> * </span></td>
        <td colspan="4">
          <select name="" id="machining" class="input-text">
            <option value="">请选择</option>
          </select>
        </td>
      </tr>
      <tr hidden="hidden" id="unitTr">
        <td colspan="2">退回单位</td>
        <td colspan="4"><select name="" id="unit" class="input-text">
            <option value="付">付</option>
          </select></td>
      </tr>
      <tr>
        <td colspan="6" style="text-align:center"> 申报数量</td>
      </tr>
      <tbody id="color">
      </tbody>
      <tr>
        <td colspan="2">不合格原因</td>
        <td colspan="4"><input type="text" class="input-text" id="noQualifiedReason" /></td>
      </tr>
      <tr id="noReason">

      </tr>
      <tr>
        <td colspan="2"></td>
        <td colspan="4">
          <button class="btn btn-primary radius" id="reportPageBtn">报工</button>
          <button class="btn btn-primary radius" id="qcBtn" @click="qcSiteCheck">qc巡检</button>
        </td>
      </tr>
    </table>

    <el-dialog fullscreen append-to-body class="dialog-fullscreen" title="qc巡检" :visible.sync="openDialog" @closed="dailogClosed"
      custom-class="report-dialog">
      <div style="height: 100%;overflow: auto;">
        <routing-inspection v-if="openDialog" :report-data="reportData" @check-success="checkSuccess"></routing-inspection>
      </div>
    </el-dialog>
  </div>
</body>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
<script src="vueSystem/js/request.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<script src="https://upload.shinehao.com.cn/20181222140744qiniu.min.js"></script>
<script src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
<script src="myJs/util.js"></script>
<script src="https://upload.shinehao.com.cn/20190514110446vue.min.v2.6.10.js"></script>
<script src="https://upload.shinehao.com.cn/20191112090556element-ui2.11.1(revised).js"></script>
<script src="https://upload.shinehao.com.cn/20180809103828moment.js"></script>
<script src="https://upload.shinehao.com.cn/20180912093557moment-zh-cn.js"></script>
<script src="./vueSystem/js/base.js"></script>
<script src="./vueSystem/js/request.js"></script>
<script src="./vueSystem/js/sysUtil.js"></script>
<script src="./vueSystem/components/imgUpload.js"></script>

<!--请在下方写此页面业务相关的脚本 -->
<script src="./productMgr/workReport/routingInspection.js"></script>
<script type="text/javascript" src="myJs/dailyWork.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<script type="text/javascript" src="myJs/report.js"></script>
<script src="./productMgr/workReport/index.js"></script>

</html>
